<!-- 头部 -->
<!DOCTYPE html>
<html class="fly-html-layui fly-html-store" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">		
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="../static/hotel/layui/dist/css/layui.css" th:href="@{hotel/layui/dist/css/layui.css}">
		<link rel="stylesheet" href="../static/hotel/css/global.css" charset="utf-8" th:href="@{hotel/css/global.css}">
		<link rel="stylesheet" href="../static/hotel/css/global(1).css" charset="utf-8" th:href="@{hotel/css/global(1).css}">
		<link rel="stylesheet" href="../static/hotel/css/store.css" charset="utf-8" th:href="@{hotel/css/store.css}">
		<script src="../static/hotel/layui/dist/layui.js" th:src="@{hotel/layui/dist/layui.js}"></script>

		<script src="../static/hotel/js/classie.js" th:src="@{hotel/js/classie.js}"></script>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="" />
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
        function hideURLbar(){ window.scrollTo(0,1); } </script>
		<!-- //for-mobile-apps -->
		<link th:href="@{/adminlte/css/bootstrap.css}" rel="stylesheet" type="text/css" media="all" />
		<!-- menu -->
		<link th:href="@{/adminlte/css/component.css}" rel="stylesheet" type="text/css" />
		<!-- //menu -->
		<link th:href="@{/adminlte/css/style.css}" rel="stylesheet" type="text/css" media="all" />
		<!-- js -->
		<script type="text/javascript" th:src="@{/adminlte/js/jquery-2.1.4.min.js}"></script>
		<!-- //js -->
		<!-- fonts -->
		<link th:href="@{http://fonts.googleapis.com/css?family=Gabriela}" rel='stylesheet' type='text/css'>
		<link th:href="@{http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800}" rel='stylesheet' type='text/css'>
		<!-- //fonts -->
		<!-- start-smoth-scrolling -->
		<script type="text/javascript" th:src="@{/adminlte/js/move-top.js}"></script>
		<script type="text/javascript" th:src="@{/adminlte/js/easing.js}"></script>
		<script type="text/javascript">
            jQuery(document).ready(function($) {
                $(".scroll").click(function(event){
                    event.preventDefault();
                    $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
                });
            });
		</script>
		<!-- start-smoth-scrolling -->
		<!--animate-->
		<link th:href="@{/adminlte/css/animate.css}" rel="stylesheet" type="text/css" media="all">
		<script th:src="@{/adminlte/js/wow.min.js}"></script>

	</head><title>经济舒适单人间-酒店管理系统</title>
	<body>
	<div class="banner ">
		<!--nav-->

		<section th:replace="~{/fragment/SectionButton :: SectionButton}"/>
		<nav th:replace="~{fragment/nav :: nav}"/>
		<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
		<script th:src="@{hotel/js/classie.js}"></script>
		<script>
            var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
                showLeftPush = document.getElementById( 'showLeftPush' ),
                showRightPush = document.getElementById( 'showRightPush' ),
                body = document.body;

            showLeftPush.onclick = function() {
                classie.toggle( this, 'active' );
                classie.toggle( body, 'cbp-spmenu-push-toright' );
                classie.toggle( menuLeft, 'cbp-spmenu-open' );
                disableOther( 'showLeftPush' );
            };

            function disableOther( button ) {
                if( button !== 'showLeftPush' ) {
                    classie.toggle( showLeftPush, 'disabled' );
                }
                if( button !== 'showRightPush' ) {
                    classie.toggle( showRightPush, 'disabled' );
                }
            }
		</script>
		<div class="banner-left page-head">
			<div class="grid__item wow fadeInDown animated" data-wow-delay=".5s">
				<h1><a class="link link--ilin" th:href="@{index.html}"><span>Royal 主页 </span><span>Shine</span></a></h1>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
		<div class="layui-container shopdata">
			<div class="layui-card shopdata-intro">
				<div class="layui-card-header"> 
				<span class="layui-breadcrumb layui-hide-xs" style="visibility: visible;"> 
				    <a th:href="@{/hotelinfo(hotelId=${room.getHotelId().toString()})}">酒店详情</a>
					<span lay-separator="">/</span>
					<a><cite>房间详情</cite></a>
				</span>
				</div>
				<div class="layui-card-body layui-row" >
					<div class="layui-col-md6">
						<div class="intro-img photos">
							<img th:src="${room.image}" src="../static/hotel/images/10.jpg" th:width="700" th:height="400" width="700" height="400" alt="产品封面" layer-index="0">
						</div>
					</div>
					<div class="layui-col-md6">
						<div class="intro-txt" >
							<h1 class="title"></h1>
							<input type="hidden" id="id" name="id" value="1">
							<div class="store-attrs">
								<div class="summary">
								<p class="reference"><span>房间号</span><label th:text="${room.hotHotelId}"></label></p>
								<p class="reference"><span>床&#12288;型</span> <label th:text="${room.bedType}"></label></p>
								<p class="reference"><span>早&#12288;餐</span> 有</p>
								<p class="reference"><span>标准价</span> ￥<label th:text="${room.price}"></label></p>
								<p class="activity"><span>是否可取消</span>
								<strong class="status">
							         <span>是</span>
							        </strong>
								</p>
								</div>
							</div>
							<p class="store-detail-active" id="shopEvent"> <a th:href="@{/MakeOrder(rtypeId=${room.getRtypeId()},hotelId=${room.getHotelId()},CheckIntime=${CheckIntime},CheckOuttime=${CheckOuttime})}" data-type="memberReserveHotel" class="store-bg-orange fly-memberReserveHotel">
									<i class="layui-icon layui-icon-dollar"></i>立即预定 </a> </p>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-card shopdata-content">
				<div class="layui-card-body detail-body layui-text">
					<div class="layui-elem-quote"> 每天14：00后入住，12：00之前退房。</div>
					<p><img th:src="@{hotel/images/background.jpg}" src='../static/hotel/images/background.jpg' th:width="1400" th:height="300" width="1400" height="300"><br></p>
				</div>
			</div>
		</div>

<div class="fly-footer">
	<p>妖魔鬼怪</a> 2019 ©songtao.cn</a></p>
	<p>富强&nbsp;&nbsp;民主&nbsp;&nbsp;文明&nbsp;&nbsp;和谐</p>
</div>
	</body>
</html>
